.div1 {
    /* border: 1px solid green; */
    width: 250px;
    height: 200px;
    background-color: yellow;
    padding: 2px;
}

.div2 {
    border: 1px solid green;
    width: 300px;
    height: 150px;
    background-color: yellow;
}

.span1 {
    display: inline-block;
    width: 200px;
    height: 50px;
    margin: 20px;
    border: 1px solid;
}

.div1+p {
    color: aqua;
}

* {
    color: greenyellow;
}


/* .content p {
    color: blue;
} */

.item>p {
    color: blue;
}

.item+li {
    color: green;
}


/* 相邻选择器只能选择第一个符合条件的相邻元素 */

.h1+p,
.h1~p {
    font-size: 25px;
}

.item~li {
    color: blueviolet;
}

.h1~p {
    font-size: 25px;
}

#head>.h1 {
    color: chartreuse;
}

.h1 {
    color: darkblue !important;
}

.h1,
.item>p {
    color: cyan;
}